<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 响应式布局 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<!-- 引入框架css -->
		<link rel="stylesheet" href="layui/css/layui.css">
		<!-- 引入框架js -->
		<script src="layui/layui.js"></script>
		<!-- 引入当前页面的js -->
		<script src="js/admin.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入本身css -->
		<link rel="stylesheet" type="text/css" href="css/admin.css" />
		<title>商城后台管理系统</title>
	</head>
	<script type="text/javascript">
		//跳转页面(给iframe调用)
		function tz() {
			window.location.replace('admin_login.html');
		}
	</script>
	<!-- 整体页面 -->
	<body class="layui-layout-body">
		<!-- 管理员布局 -->
		<div class="layui-layout-admin">
			<!-- 头部标签 -->
			<div class="layui-header layui-bg-black">
				<!-- 重新定义字体颜色 使用图标库-->
				<div class="layui-logo layui-bg-black">
					<i class="layui-icon layui-icon-template-1"></i>&nbsp;商城管理系统
				</div>
				<!-- 顶部导航栏右侧 -->
				<ul class="layui-nav layui-layout-right layui-bg-black">
					<li class="layui-nav-item">
						<a href="javascript:;"><img src="img/user.jpg" class="layui-nav-img">管理员</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;" id="personal">修改信息</a></dd><!-- 二级菜单 -->
						</dl>
					</li>
					<li class="layui-nav-item"><a href="javascript:;" id="signout">
							<i class="layui-icon layui-icon-logout"></i>&nbsp;退出系统
						</a></li>
				</ul>
			</div>
			<!-- 边侧栏 -->
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 添加滚动条 -->
					<!-- 侧边导航栏 -->
					<ul class="layui-nav layui-nav-tree">
						<!--第一个导航 layui-this默认选中这个菜单 -->
						<li class="layui-nav-item layui-this">
							<a href="javascript:;" id="home">
								<i class="layui-icon layui-icon-home"></i>&nbsp;系统首页
							</a>
						</li>
						<!-- 第二个导航 -->
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">
								<i class="layui-icon layui-icon-username"></i>&nbsp;会员管理
							</a>
							<dl class="layui-nav-child">
								<!-- 二级菜单 -->
								<dd><a href="javascript:;" id="viplist">
										<i class="layui-icon layui-icon-senior"></i>&nbsp;会员列表
									</a>
								</dd>
							</dl>
						</li>
						<!-- 第三个导航 -->
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">
								<i class="layui-icon layui-icon-component"></i>&nbsp;产品管理
							</a>
							<dl class="layui-nav-child">
								<!-- 二级菜单 -->
								<dd><a href="javascript:;" id="productm">
										<i class="layui-icon layui-icon-senior"></i>&nbsp;产品控制 </a>
								</dd>
								<dd><a href="javascript:;" id="classificationm">
										<i class="layui-icon layui-icon-senior"></i>&nbsp;分类管理
									</a>
								</dd>
							</dl>
						</li>
						<!-- 第三个导航 -->
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">
								<i class="layui-icon layui-icon-dollar"></i>&nbsp;订单管理
							</a>
							<dl class="layui-nav-child">
								<!-- 二级菜单 -->
								<dd><a href="javascript:;" id="roder_m">
										<i class="layui-icon layui-icon-senior"></i>&nbsp;订单处理
									</a>
								</dd>
								<dd><a href="javascript:;" id="order_xx">
										<i class="layui-icon layui-icon-senior"></i>&nbsp;订单信息
									</a>
								</dd>
							</dl>
						</li>
						<!-- 第三个导航 -->
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">
								<i class="layui-icon layui-icon-dollar"></i>&nbsp;管理员管理
							</a>
							<dl class="layui-nav-child">
								<!-- 二级菜单 -->
								<dd><a href="javascript:;" id="admin_m">
										<i class="layui-icon layui-icon-senior"></i>&nbsp;管理员列表
									</a>
								</dd>
							</dl>
						</li>
						<li class="layui-nav-item">
							<a href="javascript:;" id="scdatafx">
								<i class="layui-icon layui-icon-template-1"></i>&nbsp;商城数据分析
							</a>
						</li>
						<!-- 第四个导航 -->
						<li class="layui-nav-item">
							<a href="javascript:;" id="about">
								<i class="layui-icon layui-icon-about"></i>&nbsp;关于
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- 内容主体区域-->
			<div class="layui-body" style="background: #eeeeee;">
				<iframe id="frame" frameborder="0" scrolling="auto" src="home.html" height="100%" width="100%"></iframe>
			</div>
			<!-- 底部 -->
			<div class="layui-footer">
				<h4>Copyright&copy;2021-2022商城管理系统</h4>
			</div>
		</div>
		<!-- 弹出层表单修改信息 -->
		<form class="layui-form layui-form-pane" id="modify" style="display: none;margin-top: 20px;">
			<div class="layui-form-item">
				<label class="layui-form-label">账号</label>
				<div class="layui-input-block">
					<input type="text" id="username" name="username" required lay-verify="required" autocomplete="off"
						placeholder="" class="layui-input" readonly>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">昵称</label>
				<div class="layui-input-block">
					<input type="text" id="name" name="name" autocomplete="off" required lay-verify="required"
						placeholder="" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">密码</label>
				<div class="layui-input-block">
					<input type="text" id="password" name="password" required lay-verify="required" autocomplete="off"
						placeholder="" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">修改性别</label>
				<div class="layui-input-block">
					<input type="radio" name="sex" value="男" title="男">
					<input type="radio" name="sex" value="女" title="女">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">修改邮箱</label>
				<div class="layui-input-block">
					<input type="text" id="email" name="email" lay-verify="email" autocomplete="off"
						class="layui-input">
				</div>
			</div>
			</div>
			<button class="layui-btn" id="tj" style="display: none;" lay-submit lay-filter="tj">立即提交</button>
		</form>
	</body>
</html>
